{extends file="includes/skeleton.tpl"}{/extend}
{block nme=title}
<title> Acceuil </title>
{/block}

{block name=content}

		 <link href="../../css/home.css" rel="stylesheet">
             <div data-role="page" data-theme='b' id="home" >
 			<div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b' >
           <!-- <a data-rel="button" href="#myPanel" data-ajax="false"><i class='icon-tasks'></i></a>-->
            <a href='#mypanel' data-role='button' data-icon='tasks' data-data-inline='true'></a>
            <h1>Acceuil</h1>
        </div>
        <div data-role="panel" id="mypanel" data-theme="b">
           <ul data-role="listview">
              <li data-role="map-marker">Localisation</li>
              <li data-icon="camera"><a href="#">Photo</a></li>
              <li data-icon="A propos"><a href="#">Détails</a></li>
              <li data-icon="book"><a href="#">Compte-rendu</a></li>
              <li data-icon="calendar"><a href="#">Plannig</a></li>
              <li data-icon="suitcase"><a href="#">Matériel</a></li>
              <li data-icon="exlamation"><a href="#">Aide</a></li>
           </ul>
        </div>
            <div data-role="content" >
            	<div data-role="navbar">
            	<ul>
           <li><a data-icon="map-marker"  data-ajax="false" >Localisation</a></li>
           <li><a href="home.php?p=services" data-icon="camera" data-transition="slide" >Photo</a></li>
           <li><a href="home.php?p=infos" data-icon="info" data-transition="slide" data-ajax="false">A propos</a></li>
         </ul>
       
	</div><!-- /navbar -->
	<br/>
	<br/>
	<br/>
	
                    <div class="pt-menu">
                        <a data-theme="b" data-corners="false" data-role="button" href="#planning">
                            <img src="images/planning.png" alt="rss" style="display: block; margin: 0 auto">
                            Planning
                        </a>

                        <a data-theme="b" data-corners="false" data-role="button" href="#materiel">
                            <img src="images/materiel.png" alt="rss" style="display: block; margin: 0 auto">
                            Matériel
                        </a>

                        <a data-theme="b" data-corners="false" data-role="button" href="#aide">
                            <img src="images/aide.png" alt="mail" style="display: block; margin: 0 auto">
                            Aide
                        </a>

                        <a data-theme="b" data-corners="false" data-role="button" href="#compterendu">
                            <img src="images/compte-rendu.png" alt="mail" style="display: block; margin: 0 auto">
                            Compte-rendu
                        </a>

                    </div>

            </div>

        </div>
        <script src="scripts/nativedroid.js"></script>
		
		
{/block}
      